<script setup lang="ts">
import Dot from "@/components/paper/Dot.vue"
import {toStyle} from "@/utils/Utils.js"
defineProps<{
  msg: string
}>()


/**
 * 头的显示模式
 * 1.只有第一栏显示头部：目前只考虑这一种
 * 2.每张纸的第一栏显示头部
 * 3.每张纸每面的第一栏显示头部
 * 4.每栏都显示头部
 */

let data={
     headHeight:120,
}

let config={
    paper:{width:352,height:250},//暂时无用
    dots:[
            {left:12,top:10},
            {left:162,top:10},
            {right:12,top:10},
            {left:12,bottom:10},
            {left:162,bottom:10},
            {right:12,bottom:10},
    ],
    columns:[
        {left:12,top:18,width:162,height:214},
        {right:12,top:18,width:162,height:214},
    ]
}
</script>

<template>
  <div class="paper B4">
        <Dot v-for="item in config.dots" :style="toStyle(item)"/>
        <div class="column" v-for="(column,index) in config.columns" :style="toStyle(column)">
            <div style="height: 60mm;" v-if="index==0"></div>
            <div class="columncontent" :style="index==0?'height:154mm':'height:214mm'"></div>
        </div>
  </div>
</template>
<style scoped>
.B4{
    width: 352mm;
    height: 250mm;
}
</style>
